<table style="table-layout: auto;" class="ui-pg-table" border="0" cellpadding="0" cellspacing="0">
    <tbody>
    <tr>
        <td style="cursor: default;" id="first" class="ui-pg-button ui-corner-all ui-state-disabled"><span
                class="ui-icon ui-icon-seek-first"></span></td>
        <td style="cursor: default;" id="prev" class="ui-pg-button ui-corner-all ui-state-disabled"><span
                class="ui-icon ui-icon-seek-prev"></span></td>
        <td class="ui-pg-button ui-state-disabled" style="width: 4px; cursor: default;"><span
                class="ui-separator"></span></td>
        <td>Page <input class="ui-pg-input" size="2" maxlength="7" value="0" role="textbox" type="text"> of <span
                id="sp_1">1</span></td>
        <td class="ui-pg-button ui-state-disabled" style="width: 4px; cursor: default;"><span
                class="ui-separator"></span></td>
        <td style="cursor: default;" id="next" class="ui-pg-button ui-corner-all ui-state-disabled"><span
                class="ui-icon ui-icon-seek-next"></span></td>
        <td style="cursor: default;" id="last" class="ui-pg-button ui-corner-all ui-state-disabled"><span
                class="ui-icon ui-icon-seek-end"></span></td>
        <td><select class="ui-pg-selbox" role="listbox">
            <option role="option" value="10" selected="selected">10</option>
            <option role="option" value="20">20</option>
            <option role="option" value="30">30</option>
        </select></td>
    </tr>
    </tbody>
</table>